<template>
    <div class="radar-box">
        <div style="width: 400px;margin-bottom: 30px;"><custom-title :title="title" /></div>
        <div style="width: 400px;height: 400px;">
            <ResponsiveBarChart :options="chartOptions" @bar-clicked="onBarClicked" />
        </div>
    </div>
</template>
  
<script>
import ResponsiveBarChart from '@/components/echarts/ResponsiveBarChart.vue';
export default {
    name: 'bubble',
    components: {
        ResponsiveBarChart,
    },
    data() {
        return {
            title: '预警分析',
            chartOptions: {},
        }
    },
    computed: {},
    watch: {},
    methods: {
        onBarClicked(params) {
            console.log(params);
            // 在这里处理点击事件，例如弹出模态框显示更多数据
        },
        getOption() {
            this.chartOptions = {
                
            }
        }
    },
    created() {
        this.getOption()
    },
    mounted() { },
}
</script>
  
<style lang='less' scoped></style>